<?php
include "simple_html_dom.php";
function get_file_contents($pagina){
    return file_get_html($pagina);
}
$baseURL = "http://www.plataformateleformacion.com/lcursos/";
$areas = array();
$cursos = array();
$temaActual = "";
$fuente = get_file_contents("http://www.plataformateleformacion.com/lcursos/cursos_elearning.php");
$tr = $fuente->find('table table table',3);
$links = $tr->find('a');

foreach ($links as $element) {
   if (isset($element->name)) {
       $temaActual = $element->plaintext;
   } else {
       if ($element->href == "#-1") {
           continue;
       } else {
           $element->href = $baseURL . $element->href;
           $cursos[$temaActual][$element->plaintext] = $element->href;
       }
   }
}
//
?>

<?php
//LEE ANTES PHP QUE JAVASCRIPT
echo '<script>

var miArray = new Object();
var enlaces= new Object();




alert(miArray.length);


function lista(valor,posicion){
    var listaC= document.getElementsByName(valor);
    var llista="<ul>";
    for (var a=0;a<listaC.length; a++){

       alert("posicion"+posicion);
        //alert("urso"+listaC[a].innerHTML);
        llista+="<li id="+a+"><a href=\'listaC[posicion].href\'>"+listaC[a].innerHTML+"</li>";
    }
    llista+="</ul>";
    alert(llista);
    document.getElementById("listado").innerHTML= llista;
}

</script>';
//document.getElementsByTagName("body").innerHTML= llista+"uu";}
echo "<div style='display:none'>";
//$contador_id=0;
foreach($cursos as $curso => $enlace) {
//    $pag+= '<span>'.$curso .' ('.count($enlace).')</span><br/>';// areas
    //echo '<span onselect="lista(this.value);">'.$curso .' ('.count($enlace).')</span><br/>';

    echo '<span>'.$curso .'</span><br/>';
    foreach ($enlace as $a => $b) {
        echo '<a href="'.$b.'" name="'.$curso.'">'. $a .'</a><br/>'; //cursos $curso==area, $a=curso, $b=enlace
    }
    //$contador_id++;
}
echo '</div>';
echo'<select onchange="lista(this.value, this.id)" id="selector"></select>';
echo '<div id="listado"> </div>';
?>
<script>

   // document.getElementsByTagName("html").innerHTML= //</?= $pag ?>+"p";
    var areas=new Array();

    var areasArray= document.getElementsByTagName("span");
   // alert(areasArray.length);

    for (var z=0; z<areasArray.length; z++ ){
        areas[z]= areasArray[z].innerHTML;
        //alert("areas array"+areasArray[z].innerHTML);
        //alert("areas"+ areas[z]);
    }

    var resultado=areas[0]+ areas[1];
    //alert(resultado);

   for (var z=0; z<areasArray.length; z++ ){
     //var largo= document.getElementsByTagName("select").length;
    document.getElementById("selector").options[z]= new Option(areas[z],areas[z]); // nombre, valor

   }


</script>

<html>
<body>


</body>

</html>


